{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>产品管理</title>
    <meta name="description" content="Responsive, Bootstrap, BS4">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimal-ui">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-barstyle" content="black-translucent">
    <link rel="apple-touch-icon" href="{% static '' %}aside/images/logo.png">
    <meta name="apple-mobile-web-app-title" content="Flatkit">
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="shortcut icon" sizes="196x196" href="{% static '' %}aside/images/logo.png">
    <link rel="stylesheet" href="{% static '' %}aside/css/animate.css/animate.min.css" type="text/css">
    <link rel="stylesheet" href="{% static '' %}aside/css/glyphicons/glyphicons.css" type="text/css">
    <link rel="stylesheet" href="{% static '' %}aside/css/font-awesome/css/font-awesome.min.css" type="text/css">
    <link rel="stylesheet" href="{% static '' %}aside/css/material-design-icons/material-design-icons.css" type="text/css">
    <link rel="stylesheet" href="{% static '' %}aside/css/ionicons/css/ionicons.min.css" type="text/css">
    <link rel="stylesheet" href="{% static '' %}aside/css/simple-line-icons/css/simple-line-icons.css" type="text/css">
    <link rel="stylesheet" href="{% static '' %}aside/css/bootstrap/dist/css/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="{% static '' %}aside/css/styles/app.min.css">
    <link rel="stylesheet" href="{% static '' %}aside/css/styles/font.css" type="text/css">
</head>
<body>
<div class="app" id="app">
<div id="aside" class="app-aside fade nav-dropdown black">
    <div class="navside dk" data-layout="column">
        <div class="navbar no-radius"><a href="{% url 'erp:demo' %}" class="navbar-brand">
            <div data-ui-include="'{% static '' %}aside/images/logo.svg'"></div>
            <img src="{% static '' %}aside/images/logo.png" alt="." class="hide"> <span class="hidden-folded inline">aside</span></a></div>
        <div data-flex class="hide-scroll">
            <nav class="scroll nav-stacked nav-stacked-rounded nav-color">
                <ul class="nav" data-ui-nav>
                    <li class="nav-header hidden-folded m-t"><span class="text-xs">商品管理</span></li>
                    <li><a><span class="nav-caret"><i class="fa fa-caret-down"></i></span> <span class="nav-icon"><i class="ion-plus-circled"></i></span> <span class="nav-text">待发布产品</span></a>
                        <ul class="nav-sub nav-mega nav-mega-3">
                            <li><a href="#"><span class="nav-text">所有待发布(37)</span></a></li>
                            <li><a href="#"><span class="nav-text">发布中(0)</span></a></li>
                            <li><a href="#"><span class="nav-text">发布失败(0)</span></a></li>
                        </ul>
                    </li>
                    <li><a><span class="nav-caret"><i class="fa fa-caret-down"></i></span> <span class="nav-icon"><i class="ion-ios-photos"></i></span> <span class="nav-text">在线产品</span></a>
                        <ul class="nav-sub nav-mega">
                            <li><a href="#"><span class="nav-text">发布中</span></a></li>
                            <li><a href="#"><span class="nav-text">发布失败</span></a></li>

                        </ul>
                    </li>
                    <li><a><span class="nav-caret"><i class="fa fa-caret-down"></i></span> <span class="nav-icon"><i class="ion-checkmark-circled"></i></span> <span class="nav-text">产品模板</span></a>
                        <ul class="nav-sub">
                            <li><a href="#"><span class="nav-text">运费模板</span></a></li>
                            <li><a href="#"><span class="nav-text">服务模板</span></a></li>

                        </ul>
                    </li>
                    <li class="nav-header hidden-folded"><span class="text-xs">主菜单</span></li>
                    <li><a href="#" class="b-danger"><span class="nav-icon text-white no-fade"><i class="ion-filing"></i></span> <span class="nav-text">个人中心</span></a></li>
                    <li><a href="{% url 'erp:order' %}" class="b-accent"><span class="nav-icon text-white no-fade"><i class="ion-android-apps"></i></span> <span class="nav-text">订单管理</span></a></li>
                    <li><a href="#" class="b-success"><span class="nav-icon text-white no-fade"><i class="ion-android-apps"></i></span> <span class="nav-text">产品管理</span></a></li>
                    <li><a href="{% url 'erp:message' %}" class="b-info"><span class="nav-label"><b class="label label-xs rounded danger"></b></span> <span class="nav-icon"><i class="ion-chatbubble-working"></i></span> <span class="nav-text">消息处理</span></a></li>
                    <li><a href="#" class="b-default"><span class="nav-icon"><i class="ion-person"></i></span> <span class="nav-text">客户管理</span></a></li>

                </ul>
            </nav>
        </div>
        <div data-flex-no-shrink>
            <div class="nav-fold dropup"><a data-toggle="dropdown">
                <div class="pull-left">
                    <div class="inline"><span class="avatar w-40 grey">JR</span></div>
                    <img src="{% static '' %}aside/images/a0.jpg" alt="..." class="w-40 img-circle hide"></div>
                <div class="clear hidden-folded p-x"><span class="block _500 text-muted">Jean Reyes</span>
                    <div class="progress-xxs m-y-sm lt progress">
                        <div class="progress-bar info" style="width: 15%"></div>
                    </div>
                </div>
            </a>
                <div class="dropdown-menu w dropdown-menu-scale"><a class="dropdown-item" href="#"><span>个人资料</span></a> <a class="dropdown-item" href="#"><span>设置</span></a> <a class="dropdown-item" href="#"><span>收件箱</span></a> <a class="dropdown-item" href="#"><span>消息处理</span></a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="#">帮助?</a> <a class="dropdown-item" href="#">退出</a></div>
            </div>
        </div>
    </div>
</div>
<div id="content" class="app-content box-shadow-z2 bg pjax-container" role="main">
<div class="app-header white bg b-b">
    <div class="navbar" data-pjax><a data-toggle="modal" data-target="#aside" class="navbar-item pull-left hidden-lg-up p-r m-a-0"><i class="ion-navicon"></i></a>
        <div class="navbar-item pull-left h5" id="pageTitle">商品管理</div>

        <ul class="nav navbar-nav pull-right">
            <li class="nav-item pos-stc-xs">
                <a class="nav-link clear" id="showSide" data-toggle="tooltip" data-placement="bottom" title="折叠/展开侧栏"><i class="fa fa-dedent fa-fw m-r-xs"></i></a>
            </li>
            <li class="nav-item pos-stc-xs">
                <a class="nav-link clear" data-toggle="tooltip" data-placement="bottom" title="全屏显示" data-ui-fullscreen data-target="fullscreen"><i class="fa fa-expand fa-fw m-r-xs"></i></a>
            </li>
            <li class="nav-item dropdown pos-stc-xs"><a class="nav-link clear" data-toggle="dropdown"><i class="ion-android-notifications-none w-24"></i> <span class="label up p-a-0 danger"></span></a>
                <div class="dropdown-menu pull-right w-xl animated fadeIn no-bg no-border no-shadow">
                    <div class="scrollable" style="max-height: 220px">
                        <ul class="list-group list-group-gap m-a-0">
                            <li class="list-group-item dark-white box-shadow-z0 b"><span class="pull-left m-r"><img src="{% static '' %}aside/images/a0.jpg" alt="..." class="w-40 img-circle"></span> <span class="clear block">新增订单［<a href="#" class="text-primary">78023645468911</a>］<br>
                    <small class="text-muted">10 分钟前</small></span></li>
                            <li class="list-group-item dark-white box-shadow-z0 b"><span class="pull-left m-r"><img src="{% static '' %}aside/images/a1.jpg" alt="..." class="w-40 img-circle"></span> <span class="clear block">产品SKU［32601740388］<a href="#" class="text-primary">缺货</a><br>
                    <small class="text-muted">2 小时前</small></span></li>
                            <li class="list-group-item dark-white text-color box-shadow-z0 b"><span class="pull-left m-r"><img src="{% static '' %}aside/images/a2.jpg" alt="..." class="w-40 img-circle"></span> <span class="clear block">订单［78023645468911］ 有<a href="#" class="text-primary">留言</a><br>
                    <small class="text-muted">1 天前</small></span></li>
                        </ul>
                    </div>
                </div>
            </li>
            <li class="nav-item dropdown"><a class="nav-link clear" data-toggle="dropdown"><span class="avatar w-32"><img src="{% static '' %}aside/images/a3.jpg" class="w-full rounded" alt="..."></span></a>
                <div class="dropdown-menu w dropdown-menu-scale pull-right"><a class="dropdown-item" href="#"><span>个人档案</span></a> <a class="dropdown-item" href="#"><span>设置</span></a> <a class="dropdown-item" href="#"><span>收件箱</span></a> <a class="dropdown-item" href="#"><span>消息</span></a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="#">帮助?</a> <a class="dropdown-item" href="#">退出</a></div>
            </li>
        </ul>
    </div>
</div>
<div class="app-footer white bg p-a b-t">


    <div class="pull-right text-sm text-muted"></div>
    <span class="text-sm text-muted">WanFeng &copy; Copyright. Version 4.0.1</span>
</div>

<div class="app-body">

<div class="padding">
<div class="box">

<div class="row p-a">
    <div class="col-sm-12">
        <span class="label m-r-1 danger text-white"><a href="#">正在销售(359)</a></span>
        <span class="label m-r-1 white text-dark "><a href="#">已下架(23)</a></span>
        <span class="label m-r-1 white text-dark"><a href="#">审核中(0)</a></span>
        <span class="label m-r-1 white text-dark"><a href="#">审核不通过(0)</a></span>
    </div>

    <div class="col-sm-12 m-t-1">
        店铺账号：
        <span class="label orange m-r-1"><a href="#">全部</a></span>
        <span class="label m-r-1 white text-dark"><a href="#">happydeal store</a></span>
        <span class="label m-r-1 white text-dark"><a href="#">hai sen store</a></span>
    </div>
    <div class="col-sm-12 m-t-1">
        负责人：
        <span class="label orange m-r-1"><a href="#">全部</a></span>
        <span class="label m-r-1 white text-dark"><a href="#">xiangfang zeng</a></span>
        <span class="label m-r-1 white text-dark"><a href="#">diw zhang</a></span>
    </div>
</div>

<div class="row p-a" id="filterBox" style="display: none;">

    <div class="col-sm-12 m-t-1">
        库存量：
        <span class="label orange m-r-1"><a href="#">全部</a></span>
        <span class="label m-r-1 white text-dark"><a href="#">无货</a></span>
        <span class="label m-r-1 white text-dark"><a href="#">小于10</a></span>
        <span class="label m-r-1 white text-dark"><a href="#">小于50</a></span>
        <span class="label m-r-1 white text-dark"><a href="#">小于100</a></span>
    </div>
    <div class="col-sm-12 m-t-1">
        到期时间：
        <span class="label orange m-r-1"><a href="#">全部</a></span>
        <span class="label m-r-1 white text-dark"><a href="#">剩余3天内</a></span>
        <span class="label m-r-1 white text-dark"><a href="#">剩余7天内</a></span>
        <span class="label m-r-1 white text-dark"><a href="#">剩余15天内</a></span>
        <span class="label m-r-1 white text-dark"><a href="#">剩余30天内</a></span>
    </div>

</div>


<div class="row p-a">
    <form name="searchFrom" action="" id="searchFrom">
    <div class="col-sm-6">
        <select class="custom-select w-sx inline v-middle">
            <option value="0" selected disabled>产品类型</option>
            <option value="1">全部产品</option>
            <option value="2">淘代销产品</option>
            <option value="3">普通产品</option>
        </select>
        <select class="custom-select w-sx inline v-middle">
            <option value="0" selected disabled>产品分组</option>
            <option value="1">全部分组</option>
            <option value="2">其他</option>
            <optgroup label="Pacific Time Zone">
                <option value="CA">California</option>
                <option value="NV">Nevada</option>
                <option value="OR">Oregon</option>
                <option value="WA">Washington</option>
            </optgroup>
            <optgroup label="Mountain Time Zone">
                <option value="AZ">Arizona</option>
                <option value="CO">Colorado</option>
                <option value="ID">Idaho</option>
                <option value="MT">Montana</option>
                <option value="NE">Nebraska</option>
                <option value="NM">New Mexico</option>
                <option value="ND">North Dakota</option>
                <option value="UT">Utah</option>
                <option value="WY">Wyoming</option>
            </optgroup>
            <optgroup label="Central Time Zone">
                <option value="AL">Alabama</option>
                <option value="AR">Arkansas</option>
                <option value="IL">Illinois</option>
                <option value="IA">Iowa</option>
                <option value="KS">Kansas</option>
                <option value="KY">Kentucky</option>
                <option value="LA">Louisiana</option>
                <option value="MN">Minnesota</option>
                <option value="MS">Mississippi</option>
                <option value="MO">Missouri</option>
                <option value="OK">Oklahoma</option>
                <option value="SD">South Dakota</option>
                <option value="TX">Texas</option>
                <option value="TN">Tennessee</option>
                <option value="WI">Wisconsin</option>
            </optgroup>
        </select>
        <select class="custom-select w-sx inline v-middle">
            <option value="0" selected disabled>到期时间</option>
            <option value="1">剩余3天内</option>
            <option value="2">剩余7天内</option>
            <option value="3">剩余15天内</option>
            <option value="4">剩余30天内</option>
        </select>
        <select class="custom-select w-sx inline v-middle">
            <option value="0" selected disabled>库存量</option>
            <option value="1">全部</option>
            <option value="2">无货</option>
            <option value="3">小于10</option>
            <option value="4">小于50</option>
            <option value="5">小于100</option>
        </select>

    </div>

        <div class="col-sm-6">
            <div class="input-group">

                <input type="hidden" id="searchType" value="1"/>
                <div class="input-group-btn dropdown"><button type="button" class="btn btn-sm white dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span id="searchTypeText">搜索类型</span> <span class="caret"></span></button><div class="dropdown-menu"><a class="dropdown-item" href="javascript:" onclick="setSearchType('1','标题');">标题</a> <a class="dropdown-item" href="javascript:" onclick="setSearchType('2','产品ID');">产品ID</a><div class="divider"></div><a class="dropdown-item" href="javascript:" onclick="setSearchType('3','商品编码');">商品编码</a> </div></div>
                <input type="text" class="form-control" placeholder="搜索" style="height:1.7rem;font-size: 14px;">
                <span class="input-group-btn">
                <button class="btn btn-sm white" type="button"><i class="fa fa-search"></i></button>
                <button class="btn btn-sm white" type="button" data-toggle="tooltip" data-placement="bottom" title="展开/折叠筛选项目" id="filterBtn"><a href="#" class="" data-ui-toggle-class=""><i class="fa fa-angle-double-up text-danger none"></i><i class="fa fa-angle-double-down inline"></i></a></button>
                </span>

            </div>
        </div>
    </form>
</div>


<div class="row p-a p-t-0">
    <div class="col-sm-12">
                            <div class="btn-group">
                                <button type="button" class="btn btn-sm white active">批量编辑</button>
                                <button type="button" class="btn btn-sm white">批量下架</button>
                                <button type="button" class="btn btn-sm white">批量删除</button>
                                <button type="button" class="btn btn-sm white">同步产品</button>
                                <button type="button" class="btn btn-sm white">导出产品</button>
                            </div>
                        </div>
</div>

<div class="table-responsive">

    <table class="table table-striped table-hover b-t">
        <thead>
        <tr>
            <th style="width:20px"><label class="ui-check m-a-0">
                <input type="checkbox" id="action-toggle">
                <i></i></label></th>
            <th>主图</th>
            <th>标题</th>
            <th>产品组</th>
            <th style="min-width:140px">售价(USD)</th>
            <th>库存</th>
            <th style="min-width: 120px;">运费模板</th>
            <th style="min-width: 168px;">时间</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody id="goodsListBox">
        <tr>
            <td><label class="ui-check m-a-0">
                <input type="checkbox" name="post[]">
                <i class="dark-white"></i></label></td>
            <td><img src="http://ae01.alicdn.com/kf/HTB1iLQWOXXXXXXRapXXq6xXFXXXr.jpg" class="w-96 img-responsive" alt=""/></td>
            <td>High Quality Doctor strange Cosplay ring of time and space props cosplay equipment Wearable toy</td>
            <td>Doll</td>
            <td><span class="label info">零</span> 54.98 - 56.56<br><br><span class="label warning">批</span> 52.92</td>
            <td>1499 <i class="fa fa-edit"></i></td>
            <td>epack Chinapost Part of the free (发货地区: CN)</td>
            <td class="downTimer" data-timer="32613579566"><span class="label info">创建</span> <span id="addTime-32613579566">2016-10-31 22:52</span><br><br><span class="label warning">更新</span> <span id="updateTime-32613579566">2016-12-08 13:26</span><br><br><span class="label danger">剩余</span> <code id="leftTime-32613579566" ></code>

            </td>
            <td class="text-right">
                <button class="btn btn-sm btn-icon white" data-toggle="tooltip" data-placement="bottom" title="编辑"><i class="fa fa-edit"></i></button>
                <button class="btn btn-sm btn-icon white" data-toggle="tooltip" data-placement="bottom" title="下架"><i class="fa fa-sign-out" data-toggle="modal" data-target="#modal-memo"></i></button>
                <button class="btn btn-sm btn-icon white" data-toggle="tooltip" data-placement="bottom" title="同步"><i class="fa fa-refresh"></i></button>
                <button class="btn btn-sm btn-icon white" data-toggle="tooltip" data-placement="bottom" title="删除"><i class="fa fa-trash"></i></button>
            </td>
        </tr>
        <tr>
            <td><label class="ui-check m-a-0">
                <input type="checkbox" name="post[]">
                <i class="dark-white"></i></label></td>
            <td><img src="http://ae01.alicdn.com/kf/HTB1JK8wNFXXXXX2XXXXq6xXFXXX0.jpg" class="w-96 img-responsive" alt=""/></td>
            <td>fixed collocation 50 pcs Mixed funny stickers for kids Home decor laptop sticker decal fridge skateboard doodle stickers</td>
            <td>Doll</td>
            <td><span class="label info">零</span> 26.00<br><br><span class="label warning">批</span> 25.22</td>
            <td>561 <i class="fa fa-edit"></i></td>
            <td>hangkongjingji 5yixia (发货地区: CN)</td>
            <td class="downTimer" data-timer="32613579567"><span class="label info">创建</span> <span id="addTime-32613579567">2016-10-31 22:39</span><br><br><span class="label warning">更新</span> <span id="updateTime-32613579567">2016-12-14 09:59</span><br><br><span class="label danger">剩余</span> <code id="leftTime-32613579567" ></code>

            </td>
            <td class="text-right">
                <button class="btn btn-sm btn-icon white" data-toggle="tooltip" data-placement="bottom" title="编辑"><i class="fa fa-edit"></i></button>
                <button class="btn btn-sm btn-icon white" data-toggle="tooltip" data-placement="bottom" title="下架"><i class="fa fa-sign-out" data-toggle="modal" data-target="#modal-memo"></i></button>
                <button class="btn btn-sm btn-icon white" data-toggle="tooltip" data-placement="bottom" title="同步"><i class="fa fa-refresh"></i></button>
                <button class="btn btn-sm btn-icon white" data-toggle="tooltip" data-placement="bottom" title="删除"><i class="fa fa-trash"></i></button>
            </td>
        </tr>
        <tr>
            <td><label class="ui-check m-a-0">
                <input type="checkbox" name="post[]">
                <i class="dark-white"></i></label></td>
            <td>77571593218147</td>
            <td>$97.69</td>
            <td>￥481.077</td>
            <td>智利</td>
            <td>09/19/2016 21:07:06</td>
            <td>未选择物流</td>
            <td>已审核</td>
            <td class="text-right">
                <a href="">编辑</a>
                <a href="">下架</a>
                <a href="">同步</a>
                <a href="">删除</a>
            </td>
        </tr>
        </tbody>
    </table>
</div>


<div id="modal-memo" class="modal black-overlay" data-backdrop="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">备注 <a data-dismiss="modal" class="pull-right text-muted text-lg p-a-sm m-r-sm">×</a></h5>

            </div>
            <div class="modal-body text-center p-lg m-l-1 m-r-3">
                <form role="form">

                    <div class="form-group row">
                        <label for="memoType" class="col-sm-2 form-control-label">类型：</label>
                        <div class="col-sm-10">
                            <select class="form-control c-select" name="memoType" id="memoType">
                                <option value="1">拣货说明</option>
                                <option value="2">客服备注</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="memoContent" class="col-sm-2 form-control-label">内容：</label>
                        <div class="col-sm-10">
                            <textarea id="memoContent" name="memoContent" class="form-control" rows="4"></textarea>
                        </div>
                    </div>
                    <div class="form-group row m-t-md">
                        <div class="col-sm-offset-2 col-sm-12">
                            <button type="button" class="btn dark-white p-x-md" data-dismiss="modal">取消</button>
                            <button type="submit" class="btn success p-x-md" data-dismiss="modal">提交</button>
                        </div>
                    </div>
                </form>
            </div>

        </div>
    </div>
</div>


<footer class="light lt p-a">
    <div class="row">
        <div class="col-sm-2 text-left"><small class="text-muted inline m-t-sm m-b-sm">showing 20-30 of 50 items</small></div>
        <div class="col-sm-5 text-right text-center-xs">
            <ul class="pagination m-a-0">
                <li><a href="#"><i class="fa fa-chevron-left"></i></a></li>
                <li class="active"><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#"><i class="fa fa-chevron-right"></i></a></li>
            </ul>
        </div>
        <div class="col-sm-5 hidden-xs text-right">
            <button class="btn white">转到</button>
            <input type="text" name="pageNo" class="w-xxs" style="margin-right: 3px; height: 30px;"><button class="btn white">Go!</button>
            <button class="btn white">每页</button>
            <select class="custom-select w-xs inline v-middle">
                <option value="30">30条</option>
                <option value="50">50条</option>
                <option value="100">100条</option>
                <option value="200">200条</option>
            </select>

        </div>
    </div>
</footer>
</div>
</div>


</div>
</div>
</div>
<script src="{% static '' %}aside/scripts/app.min.js"></script>
<style>
    #order-color .p-y-md{padding-bottom:0;padding-top: 0;text-align: center;font-size: 0.625rem; color:#fff;}
</style>
<script>

    $('#filterBtn').click(function(){
        $('#filterBox').toggle();
    });
    function loadOrderList(){


    }

    function setSearchType(st,stt){
        $('#searchType').val(st);
        $('#searchTypeText').html(stt);
    }


    $(document).ready(function(){
        $(document).on('click','#action-toggle',function(){
            if(this.checked){
                $("input[name='post[]']").each(function(){
                    this.checked = true;
                });
            }else{
                $("input[name='post[]']").each(function(){
                    this.checked = false;
                });
            }
        });


    });



</script>

<script type="text/javascript">


    var addTimer = function () {
        var list = [],
                interval;

        return function (id, dateStr) {
            if (!interval)
                interval = setInterval(go, 1000);


            dateStr = dateStr.replace(/-/g,"/");

            var endDate = new Date(dateStr);
            var now = new Date();

            var leftTime = (endDate.getTime()-now.getTime())/1000;

            list.push({ ele: document.getElementById(id), time: leftTime });
        }

        function go() {
            for (var i = 0; i < list.length; i++) {
                list[i].ele.innerHTML = getTimerString(list[i].time ? list[i].time -= 1 : 0);
                if (!list[i].time)
                    list.splice(i--, 1);
            }
        }

        function getTimerString(time) {
            d = Math.floor(time / 86400),
                    h = Math.floor((time % 86400) / 3600),
                    m = Math.floor(((time % 86400) % 3600) / 60),
                    s = Math.floor(((time % 86400) % 3600) % 60);
            if (time>0)
                return d + "天" + h + "小时" + m + "分" + s + "秒";
            else return "已到期";
        }
    } ();

    $('#showSide').click(function(){
        $("#aside").toggleClass("folded");
        //$(".app-header .navbar, .app-content").toggleClass("container");
        $(".app-header .navbar").toggleClass("container");
    })

</script>
<script>addTimer("leftTime-32613579566", '2016-12-08 13:26:05');</script>
<script>addTimer("leftTime-32613579567", '2016-12-14 09:59:12');</script>


</body>
</html>